<!DOCTYPE html>
<html>
<head>
<meta name="layout" content="geral" />
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<g:javascript src="contextMenu.js" />
<g:javascript src="marcador.js" />
<g:javascript src="MapButton.js" />
<g:javascript src="localizacao.js" />

<script type="text/javascript" src="http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/src/markerclusterer.js"></script>

</head>
<body onload="initialize(${idMarcador})">
	<div class="well well-sm">
	    A água é o bem mais precioso que humanidade possui. Além disso, trata-se de algo vital 
	    para a sobrevivência dos seres humanos. <br/>Ajude as pessoas que não tem acesso a esse bem universal e de direito 
	    a todos.
	</div>


	<div id="map_canvas" style="width: 100%; min-height: 460px;"></div>
	<!-- Filtro de marcadores -->
	<div id="filtro" style="padding:5px; min-width: 105px;">
	  <button type="button" class="btn btn-default">Filtros</button>
      <div class="dropdown" style="display:none;" id="itens-drop">
        <div class="dropdown-item" onclick="$( this ).find( '.check' ).click()">
        	<input type="checkbox" value="1" class="check" onclick="filtrarMarcadores($(this).val(),this.checked); event.stopPropagation()" checked/> 
        	Existência
        </div>
        <div class="dropdown-item" onclick="$( this ).find( '.check' ).click()">
        	<input type="checkbox" value="2" class="check" onclick="filtrarMarcadores($(this).val(),this.checked); event.stopPropagation()" checked/> 
        	Falta
        </div>
        <div class="dropdown-item" onclick="$( this ).find( '.check' ).click()">
        	<input type="checkbox" value="3" class="check" onclick="filtrarMarcadores($(this).val(),this.checked); event.stopPropagation()" checked/> 
        	Desperdício
        </div>
      </div>
    </div>
	<!-- Modal -->
	<div class="modal fade" id="modal-form" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal">
						<span aria-hidden="true">&times;</span><span class="sr-only">Fechar</span>
					</button>
					<h4 class="modal-title" id="modal-titulo">Informações sobre Marcador</h4>
				</div>
				<div class="modal-body" id="conteudo-modal">
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
					<button type="button" class="btn btn-primary" id="botao-salvar">Salvar</button>
				</div>
			</div>
		</div>
	</div>
</body>
</html>
